<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>中国社区</title>
  <link rel="stylesheet" href="../../css/management/openList.css">
  <link rel="stylesheet" href="../../css/management/managementTabs.css">
  <link rel="stylesheet" href="../../css/public/base.css">
  <link rel="stylesheet" href="../../layui/css/layui.css">
  <script src="../../js/public/jquery-3.3.1.js"></script>
  <script src="../../js/management/management.js"></script>
</head>
<body>
<div class="managementTabs">
  <div class="mt-left">
    <ul>
      <li><span class="circle"></span><a href="../management/fundTransfer.html"></a>资金划拨</li>
      <li><span class="circle"></span><a href="../management/dividendManagement.html"></a>分红管理</li>
      <li><span class="circle"></span><a href="../management/deliveryManagement.html"></a>提货管理</li>
      <li class="cur"><span class="circle"></span><a href="../management/openList.html"></a>建仓列表</li>
      <li><span class="circle"></span><a href="../management/reinvestList.html"></a>复投列表</li>
      <li><span class="circle"></span><a href="../management/withdrawList.html"></a>提现列表</li>
      <li><span class="circle"></span><a href="../management/rechargeList.html"></a>充值列表</li>
      <li><span class="circle"></span><a href="../management/manualRecharge.html"></a>手动充值</li>
      <li><span class="circle"></span><a href="../management/priceManagement.html"></a>RST价格管理</li>
    </ul>
  </div>
  <div class="openList">
    <div class="operating">
      <div class="layui-form">
        <span>状态</span>
        <div style="display:inline-block;width: 196px;margin-left: 20px;margin-right: 40px;">
          <select name="condition" lay-filter="condition">
            <option value="">请选择</option>
            <option value="0">驳回</option>
            <option value="1">待审核</option>
            <option value="2">待划拨</option>
            <option value="3">已完成</option>
          </select>
        </div>
      </div>
      <div>
        <span>支付时间</span>
        <input type="text" class="layui-input" id="payTime" placeholder="请输入...">
      </div>
      <div>
        <span>审核时间</span>
        <input type="text" class="layui-input" id="reviewTime" placeholder="请输入...">
      </div>
      <div>
        <span>申请人</span>
        <input type="text" placeholder="请输入...">
      </div>
      <div>
        <span>汇款人</span>
        <input type="text" placeholder="请输入...">
      </div>
      <div>
        <span>付款卡号</span>
        <input type="text" placeholder="请输入...">
      </div>
      <div>
        <div class="searchBtn">查询</div>
        <div class="resetBtn">重置</div>
        <div class="exportBtn">导出</div>
      </div>
    </div>
    <div class="operateBtn">
      <div class="openBtn"><i class="layui-icon layui-icon-home" style="margin-right: 5px;"></i>后台建仓</div>
      <div class="batchPass">
        <div class="passBtn">批量通过</div>
        <div class="rejectPBtn">批量驳回</div>
      </div>
      <div class="batchTransfer" style="display: none;">
        <div class="transferBtn">批量划拨</div>
        <div class="rejectTBtn">批量驳回</div>
      </div>
    </div>

    <div class="rl-table">
      <table class="layui-hide" id="test" lay-filter="test"></table>
    </div>
  </div>
</div>
<script src="../../layui/layui.js"></script>
<script type="text/html" id="barDemo">
  <a class="detail" style="color:#2d528f;margin-right: 30px;" lay-event="detail">通过</a>
  <a class="del"  style="color:#ff0000;" lay-event="del">驳回</a>
  <a class="bonusDetails" style="color:#2d528f;display: none;" lay-event="bonusDetails">奖金详情</a>
</script>
<script>
  $("#nav").height($(window).height());
  $(window).resize(function () {
    $("#nav").height($(window).height());
  });
  $(".searchBtn").click(function () {
    $(".detail").css("display","none");
    $(".del").css("display","none");
    $(".bonusDetails").css("display","inline-block");
  });

  layui.use('table', function () {
    var table = layui.table;
    table.render({
      elem: '#test'
//      , url: '/demo/table/user/'
//      , skin: 'nob'
//        ,limits:[5,10,20,50]
      , cols: [[
        {type: 'checkbox'}
        , {field: 'id', title: 'ID'}
        , {field: 'accountNum', title: '账号', minWidth: 100}
        , {field: 'applicant', title: '申请人', minWidth: 80}
        , {field: 'openingWay', title: '建仓方式', minWidth: 95}
        , {field: 'openingType', title: '建仓类型', minWidth: 100}
        , {field: 'openingPassNum', title: '建仓通证数量', minWidth: 130}
        , {field: 'transactionHash', title: '交易哈希(TXT)', minWidth: 140}
        , {field: 'openingQuantity', title: '建仓数量', minWidth: 95}
        , {field: 'openingPrice', title: '建仓价', minWidth: 95}
        , {field: 'openingAmount', title: '建仓金额', minWidth: 95}
        , {field: 'actualAmount', title: '实际金额', minWidth: 95}
        , {field: 'payChannel', title: '付款渠道', minWidth: 95}
        , {field: 'remittance', title: '汇款人', minWidth: 95}
        , {field: 'cardNum', title: '卡号/账号', minWidth: 140}
        , {field: 'exchangeAccount', title: '交易所账号', minWidth: 180}
        , {field: 'payTime', title: '支付时间', minWidth: 160, sort: true}
        , {field: 'reviewTime', title: '审核时间', minWidth: 160, sort: true}
        , {field: 'status', title: '状态', minWidth: 80}
        , {field: 'operate', title: '操作', minWidth: 130, toolbar: '#barDemo', fixed: 'right'}
      ]]
      , data: [{
        "id": "01"
        , "accountNum": 12345678
        , "applicant": "张三"
        , "openingWay": "普通建仓"
        , "openingType": "USTD建仓"
        , "openingPassNum": "12345"
        , "transactionHash": 120000
        , "openingQuantity": 120000
        , "openingPrice": 4.5
        , "openingAmount": 10000.00
        , "actualAmount": 10000.00
        , "payChannel": "支付宝"
        , "remittance": "张三"
        , "cardNum": 1111111111111111
        , "exchangeAccount": "11111111112@163.com"
        , "payTime": "2018-01-01 18:00:00"
        , "reviewTime": "2018-01-01 18:00:00"
        , "status": "待审核"
      }, {
        "id": "01"
        , "accountNum": 12345678
        , "applicant": "张三"
        , "openingWay": "普通建仓"
        , "openingType": "USTD建仓"
        , "openingPassNum": "12345"
        , "transactionHash": 120000
        , "openingQuantity": 120000
        , "openingPrice": 4.5
        , "openingAmount": 10000.00
        , "actualAmount": 10000.00
        , "payChannel": "支付宝"
        , "remittance": "张三"
        , "cardNum": 1111111111111111
        , "exchangeAccount": "111111111@163.com"
        , "payTime": "2018-01-01 18:00:00"
        , "reviewTime": "2018-01-01 18:00:00"
        , "status": "待审核"
      }, {
        "id": "01"
        , "accountNum": 12345678
        , "applicant": "张三"
        , "openingWay": "普通建仓"
        , "openingType": "USTD建仓"
        , "openingPassNum": "12345"
        , "transactionHash": 120000
        , "openingQuantity": 120000
        , "openingPrice": 4.5
        , "openingAmount": 10000.00
        , "actualAmount": 10000.00
        , "payChannel": "支付宝"
        , "remittance": "张三"
        , "cardNum": 1111111111111111
        , "exchangeAccount": "111111111@163.com"
        , "payTime": "2018-01-01 18:00:00"
        , "reviewTime": "2018-01-01 18:00:00"
        , "status": "待审核"
      }, {
        "id": "01"
        , "accountNum": 12345678
        , "applicant": "张三"
        , "openingWay": "普通建仓"
        , "openingType": "USTD建仓"
        , "openingPassNum": "12345"
        , "transactionHash": 120000
        , "openingQuantity": 120000
        , "openingPrice": 4.5
        , "openingAmount": 10000.00
        , "actualAmount": 10000.00
        , "payChannel": "支付宝"
        , "remittance": "张三"
        , "cardNum": 1111111111111111
        , "exchangeAccount": "111111111@163.com"
        , "payTime": "2018-01-01 18:00:00"
        , "reviewTime": "2018-01-01 18:00:00"
        , "status": "待审核"
      }, {
        "id": "01"
        , "accountNum": 12345678
        , "applicant": "张三"
        , "openingWay": "普通建仓"
        , "openingType": "USTD建仓"
        , "openingPassNum": "12345"
        , "transactionHash": 120000
        , "openingQuantity": 120000
        , "openingPrice": 4.5
        , "openingAmount": 10000.00
        , "actualAmount": 10000.00
        , "payChannel": "支付宝"
        , "remittance": "张三"
        , "cardNum": 1111111111111111
        , "exchangeAccount": "111111111@163.com"
        , "payTime": "2018-01-01 18:00:00"
        , "reviewTime": "2018-01-01 18:00:00"
        , "status": "待审核"
      }, {
        "id": "01"
        , "accountNum": 12345678
        , "applicant": "张三"
        , "openingWay": "普通建仓"
        , "openingType": "USTD建仓"
        , "openingPassNum": "12345"
        , "transactionHash": 120000
        , "openingQuantity": 120000
        , "openingPrice": 4.5
        , "openingAmount": 10000.00
        , "actualAmount": 10000.00
        , "payChannel": "支付宝"
        , "remittance": "张三"
        , "cardNum": 1111111111111111
        , "exchangeAccount": "111111111@163.com"
        , "payTime": "2018-01-01 18:00:00"
        , "reviewTime": "2018-01-01 18:00:00"
        , "status": "待审核"
      }, {
        "id": "01"
        , "accountNum": 12345678
        , "applicant": "张三"
        , "openingWay": "普通建仓"
        , "openingType": "USTD建仓"
        , "openingPassNum": "12345"
        , "transactionHash": 120000
        , "openingQuantity": 120000
        , "openingPrice": 4.5
        , "openingAmount": 10000.00
        , "actualAmount": 10000.00
        , "payChannel": "支付宝"
        , "remittance": "张三"
        , "cardNum": 1111111111111111
        , "exchangeAccount": "111111111@163.com"
        , "payTime": "2018-01-01 18:00:00"
        , "reviewTime": "2018-01-01 18:00:00"
        , "status": "待审核"
      }, {
        "id": "01"
        , "accountNum": 12345678
        , "applicant": "张三"
        , "openingWay": "普通建仓"
        , "openingType": "USTD建仓"
        , "openingPassNum": "12345"
        , "transactionHash": 120000
        , "openingQuantity": 120000
        , "openingPrice": 4.5
        , "openingAmount": 10000.00
        , "actualAmount": 10000.00
        , "payChannel": "支付宝"
        , "remittance": "张三"
        , "cardNum": 1111111111111111
        , "exchangeAccount": "111111111@163.com"
        , "payTime": "2018-01-01 18:00:00"
        , "reviewTime": "2018-01-01 18:00:00"
        , "status": "待审核"
      }, {
        "id": "01"
        , "accountNum": 12345678
        , "applicant": "张三"
        , "openingWay": "普通建仓"
        , "openingType": "USTD建仓"
        , "openingPassNum": "12345"
        , "transactionHash": 120000
        , "openingQuantity": 120000
        , "openingPrice": 4.5
        , "openingAmount": 10000.00
        , "actualAmount": 10000.00
        , "payChannel": "支付宝"
        , "remittance": "张三"
        , "cardNum": 1111111111111111
        , "exchangeAccount": "111111111@163.com"
        , "payTime": "2018-01-01 18:00:00"
        , "reviewTime": "2018-01-01 18:00:00"
        , "status": "待审核"
      }, {
        "id": "01"
        , "accountNum": 12345678
        , "applicant": "张三"
        , "openingWay": "普通建仓"
        , "openingType": "USTD建仓"
        , "openingPassNum": "12345"
        , "transactionHash": 120000
        , "openingQuantity": 120000
        , "openingPrice": 4.5
        , "openingAmount": 10000.00
        , "actualAmount": 10000.00
        , "payChannel": "支付宝"
        , "remittance": "张三"
        , "cardNum": 1111111111111111
        , "exchangeAccount": "111111111@163.com"
        , "payTime": "2018-01-01 18:00:00"
        , "reviewTime": "2018-01-01 18:00:00"
        , "status": "待审核"
      }, {
        "id": "01"
        , "accountNum": 12345678
        , "applicant": "张三"
        , "openingWay": "普通建仓"
        , "openingType": "USTD建仓"
        , "openingPassNum": "12345"
        , "transactionHash": 120000
        , "openingQuantity": 120000
        , "openingPrice": 4.5
        , "openingAmount": 10000.00
        , "actualAmount": 10000.00
        , "payChannel": "支付宝"
        , "remittance": "张三"
        , "cardNum": 1111111111111111
        , "exchangeAccount": "111111111@163.com"
        , "payTime": "2018-01-01 18:00:00"
        , "reviewTime": "2018-01-01 18:00:00"
        , "status": "待审核"
      }]
      , page: true
    });
    table.on('tool(test)', function (obj) {
      var data = obj.data;
      if (obj.event === 'detail') {
        layer.open({
          type: 0
          , id: 'review' //防止重复弹出
          , area: ['400px !important', '220px !important']
          , title: "信息"
          , content: '<p style="font-size: 16px;height: 40px;line-height: 40px">确认是否通过?</p>'
          , btn: ['确定', '取消']
          , btnAlign: 'r' //按钮对齐方式
          ,shade: 0
          //,shadeClose: true
          , move: false
          , resize: false
          , yes: function () {
            layer.closeAll();
            layer.msg('通过审核成功');
          }
          , btn2: function () {
            layer.closeAll();
          }
        });
      } else if (obj.event === 'del') {
        layer.open({
          type: 0
          , id: 'turnDown' //防止重复弹出
          , area: ['400px !important', '220px !important']
          , title: "信息"
          , content: '<p style="font-size: 16px;height: 40px;line-height: 40px">确认驳回申请?</p>'
          , btn: ['确定', '取消']
          , btnAlign: 'r' //按钮对齐方式
          ,shade: 0
          //,shadeClose: true
          , move: false
          , resize: false
          , yes: function () {
            layer.closeAll();
            layer.msg("成功驳回")
          }
          , btn2: function () {
            layer.closeAll();
          }
        });
        /*layer.confirm('真的删除行么', function(index){
          obj.del();
          layer.close(index);
        });*/
      }else if (obj.event === 'bonusDetails') {
        localStorage.setItem('adress','../management/openDetails.html');
      }
    });
  });
  layui.use('layer', function () { //独立版的layer无需执行这一句
    var $ = layui.jquery, layer = layui.layer; //独立版的layer无需执行这一句
    $('.openBtn').on('click', function () {
      layer.open({
        type: 1
        , id: 'backstageOpening' //防止重复弹出
        , area: ['700px !important', '690px !important']
        , title: "后台建仓"
        , content: $('#openingBox')
        , btn: ['提交', '重置']
        , btnAlign: 'c'
        ,shade: 0
        //,shadeClose: true
        , move: false
        , resize: false
        , yes: function () {
          layer.closeAll();
        }
        , btn2: function () {
          layer.closeAll();
        }
      });
    });
    $(".username").blur(function () {
      $(".memberInfo").css("display","block");
    });
  });
  layui.use('laydate', function () {
    var laydate = layui.laydate;
    laydate.render({
      elem: '#payTime'
      , type: 'datetime'
      , theme: '#2d528f'
      , range: true
    });
    laydate.render({
      elem: '#reviewTime'
      , type: 'datetime'
      , theme: '#2d528f'
      , range: true
    });
  });
</script>
</body>
<div id="openingBox" style="display: none">
  <div class="ob-line">
    <span>姓名</span>
    <input type="text" placeholder="请输入..." class="username">
  </div>
  <div class="memberInfo">
    <span>会员信息</span>
    <div style="display: inline-block;width: 380px;">
      <div>
        <span>真实姓名：</span>
        <span id="nameInfo"></span>
      </div>
      <div>
        <span>电话：</span>
        <span id="phoneInfo"></span>
      </div>
      <div>
        <span>证件号：</span>
        <span id="documentInfo"></span>
      </div>
    </div>
  </div>
  <div class="ob-line">
    <span>建仓金额</span>
    <input type="text" placeholder="请输入...">
  </div>
  <div class="ob-line">
    <span>建仓价格</span>
    <input type="text" value="3.5" disabled>
  </div>
  <div class="ob-line layui-form">
    <span>选择建仓类型</span>
    <select name="openingType" lay-filter="openingType">
      <option value="">请选择建仓类型</option>
      <option value="0">人民币</option>
      <option value="1">USTD建仓</option>
    </select>
  </div>
  <div class="ob-line">
    <span>付款渠道</span>
    <input type="text" placeholder="请输入...">
  </div>
  <div class="ob-line">
    <span>付款人</span>
    <input type="text" placeholder="请输入...">
  </div>
  <div class="ob-line">
    <span>卡号</span>
    <input type="text" placeholder="请输入...">
  </div>
  <div class="ob-line layui-form">
    <span>收款卡号</span>
    <select name="receiveCardNum" lay-filter="receiveCardNum">
      <option value="">请选择收方卡号</option>
      <option value="0">招商银行-6214835763801469(陈菊凤)</option>
    </select>
  </div>
</div>
</html>